object:focus {
	outline: none;
}


/* base */

.w400 {
	width: 400px;
}

.blue {
	color: #08c;
}

.hides {
	display: none;
	float: left;
	overflow: hidden;
}

.hint .active {
	display: block;
}


/* pop */

.camera-pop-video {
	float: left;
}

.camera-pop-video-btn {
	float: right;
	width: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.camera-pop-video-btn {
		width: 15px;
	}
}


/* btn */

#camera4Capture {
	float: left;
}

.camera-btn-set,
.camera-btn-close {
	cursor: pointer;
	color: #fff;
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: block;
	overflow: hidden;
	text-indent: 999999em;
}

.camera-btn-set {
	background: url(../img/base/camera.png) 0 0 no-repeat;
	margin-top: 2px;
}

.camera-btn-close {
	background: url(../img/base/camera.png) 0 -25px no-repeat;
}

.camera-list {
	float: left;
	width: 292px;
	margin-left: 5px;
	border: 1px #999 solid;
}

.camera-list h2 {
	height: 30px;
	line-height: 30px;
	margin: 0;
	border-bottom: 1px #999 solid;
	text-indent: 10px;
}

.camera-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 288px;
	overflow: auto;
}

.camera-list ul li {
	font-size: 12px;
	overflow: hidden;
	border-bottom: 1px #999 solid;
}

.camera-list .no {
	width: 30px;
	overflow: hidden;
	float: left;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #333;
}

.camera-list .name {
	float: left;
	height: 31px;
	line-height: 31px;
	width: 55px;
	text-align: left;
	overflow: hidden;
	color: #444;
}

.camera-list .id-card {
	float: left;
	height: 30px;
	width: 150px;
	text-align: left;
	overflow: hidden;
	line-height: 30px;
	color: #444;
}

.camera-list .btns {
	float: left;
	height: 30px;
	line-height: 30px;
}

.camera-list .btns a {
	color: #00ABD8;
	display: block;
	height: 30px;
	line-height: 30px;
	float: left;
	text-decoration: none;
}

.camera-list .btns a:hover {
	color: #0067A6;
	text-decoration: underline;
}


/* notice */

.header-img {
	width: 260px;
	height: 320px;
	background: #fafafa;
	border: 1px #e1e1e1 solid;
	float: left;
}

.header-img-box {
	margin: 10px;
	width: 240px;
	height: 260px;
	background: #000;
}

.hint {
	float: left;
	margin-right: 10px;
}

.hint .nav-tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	width: 309px;
	height: 35px;
	border-right: 1px #c5d0dc solid;
}

.hint .nav-tabs li {
	width: 102px;
	height: 35px;
	background: #f9f9f9;
	border: 1px #c5d0dc solid;
	border-right: none;
	border-bottom: none;
	float: left;
	margin-bottom: 0;
}

.hint .nav-tabs li a {
	display: block;
	font-size: 14px;
	color: #999;
	text-decoration: none;
	width: 88px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	padding: 0 7px;
	background: none;
	border: none;
	box-shadow: none;
	margin-top: 0px;
	z-index: 0;
}

.hint .nav-tabs li a,
.hint .nav-tabs li a:hover,
.hint .nav-tabs li a:focus {
	background: none;
	border: none;
	border-radius: 0 !important;
	color: #999;
	line-height: 35px;
	margin-right: 0;
	position: static;
	z-index: 0;
	box-shadow: none;
}

.hint .nav-tabs li a:hover {
	color: #4c8fbd;
}

.hint .nav-tabs .active {
	height: 35px;
	z-index: 100;
	background: #fff !important;
	border-bottom: 1px #fff solid !important;
	border-top: 2px solid #08c !important;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15) !important;
}

.hint .nav-tabs .active a {
	color: #08c !important;
}

.hint .tab-content {
	float: left;
	border: 1px #ddd solid;
	width: 308px;
}

.hint .tab-content .tab-pane {
	font-size: 14px;
	padding: 5px !important;
	height: 276px;
}

.hint .tab-content .tab-pane li {
	line-height: 24px;
	font-size: 13px;
}

.hint .tab-content {
	padding: 0!important;
	height: 286px;
}

.hint .hint-img ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hint .hint-img h2 {
	font-size: 14px;
	padding: 3px 10px;
	line-height: 30px;
}

.hint .hint-img ul li {
	width: 87px;
	height: 121px;
	margin-left: 8px !important;
	margin-top: 12px !important;
	float: left;
	margin-left: 10px;
}

.hint-reminder li {
	margin-top: 4px;
	margin-left: -27px;
	height: 30px;
	line-height: 30px;
}

.hint-help {
	padding: 10px;
}

.hint-help p {
	margin: 0;
	font-size: 14px;
	line-height: 25px;
	text-indent: 35px;
}

.hint-help-img {
	margin: 20px auto;
	margin-top: 15px;
	width: 213px;
	height: 100px;
}

.header-img .header-link {
	overflow: hidden;
	text-align: center;
	width: 240px;
	margin: 0 auto;
}

.header-link table {
	width: 240px;
}

.header-img .header-link span {
	float: left;
	width: 100%;
	display: inline-table;
}

.header-img .header-link button {
	cursor: pointer;
	background: none repeat scroll 0 0 #08c;
	border-radius: 3px;
	color: #fff;
	padding: 5px 10px;
	font-size: 13px;
	width: 98%;
	margin-right: 10px;
	text-decoration: none;
	text-align: center;
	min-width: 50px;
	border: none;
}

.header-link-content {
	text-align: center;
}

.header-img .header-link button[disabled] {
	cursor: default;
	background: none repeat scroll 0 0 #C8CCC6;
	color: #F5F8FB;
}

.header-img .header-link button:hover:not([disabled]) {
	background: none repeat scroll 0 0 #0099e6;
}

.min-loading {
	background: #e1e1e1 url(../img/base/min-loading-.gif) center center no-repeat !important;
	color: #d5d5d5 !important;
	text-indent: 100px !important;
	height: 30px !important;
}